<template>
	<div>
		<TypeNav></TypeNav>
		<ListContainer></ListContainer>
		<TodayRecommend></TodayRecommend>
		<Rank></Rank>
		<Like></Like>
		<Floor v-for="item in floorList" :key="item.id" :floorItem="item"></Floor>
		<Brand></Brand>
	</div>
</template>

<script>
import ListContainer from "@/views/Home/ListContainer";
import TodayRecommend from "@/views/Home/TodayRecommend";
import Rank from "@/views/Home/Rank";
import Like from "@/views/Home/Like";
import Floor from "@/views/Home/Floor";
import Brand from "@/views/Home/Brand";

import { mapState } from "vuex";

export default {
	name: "home",
	components: {
		ListContainer,
		TodayRecommend,
		Rank,
		Like,
		Floor,
		Brand,
	},
	created() {
		this.$store.dispatch("home/getFloor");
	},
	computed: {
		...mapState("home", ["floorList"]),
	},
	methods: {},
};
</script>

<style></style>
